为了账号安全,请及时绑定邮箱和手机立即绑定

Jquery学习笔记

标签:
JQuery

         学习jquery目的是为了在用rails开发中不用写复杂的js代码。就像jquery首页上说的那句:jQuery is designed to change the way that you write javascript. ---- 在layout/application.html.erb中:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <%= javascript_include_tag "jquery" %>
    <%= yield :head %>

    <title>Jquery Test</title>

  </head>
  <body>
    <div id="content">
      <%= yield%>
    </div>
  </body>
</html>
 第一句调用jquery库,第二句可以在相应的页面上调用自己写的jquery代码。 譬如创建了一个页面test/index:<% content_for :head do  %>
  <%= javascript_include_tag  "test/index"  %>
<%end%>

<h1>Jquery Test</h1>
<%= link_to "Jquery", "
http://jquery.com" %>  在public/.s下创建文件夹test,之后创建index.js: $(document).ready(function(){
    alert("welcome");
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

 这样就可以看到相应的效果了。我的第一个jquery页面.^_^关于jquery的语法结构,还算不错。以后继续努力学习了!

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消